<div class="ix-table-expandable-row">
  @if (data()) {
    <dl class="details">
      @for (option of data(); track option.label) {
        <div>
          <dt>{{ option.label | translate }}:</dt>
          <dd
            [class.clickable]="!!option.action"
            (click)="!!option.action ? option.action() : null"
          >
            {{ option.value?.toString() || '–' }}
          </dd>
        </div>
      }
    </dl>

    <mat-divider></mat-divider>
  }

  <div class="actions">
    <ng-content></ng-content>
  </div>
</div>
